<template>
    <div id="tabarbottom">
        <tab-bar>
            <tab-bar-item path = "/TaBarBottom/Home" textColor = "green">
                  <img slot="item-img" src="@/assets/img/HomeShow.png">
                  <img slot="item-img-new" src="@/assets/img/HomeNoShow.png">
                  <div slot="item-text">首页</div>
            </tab-bar-item>
            <tab-bar-item  path = "/TaBarBottom/PartTime" textColor = "green">
                <img slot="item-img" src="@/assets/img/PartTimeShow.png">
                <img slot="item-img-new" src="@/assets/img/PartTimeNoShow.png">
                <div slot="item-text">任务</div>
            </tab-bar-item>
            <tab-bar-item path = "/TaBarBottom/My" textColor = "green">
                <img slot="item-img" src="@/assets/img/MyShow.png">
                <img slot="item-img-new" src="@/assets/img/MyNoShow.png">
                <div slot="item-text">我的</div>
            </tab-bar-item>
        </tab-bar>
        <router-view/>
    </div>
</template>
<script>
import TabBar from "@/tabbarbottom/TabBar";
import TabBarItem from "@/tabbarbottom/TabBarItem"
export default {
    name:"tabarbottom",
    components:{
        TabBar,
        TabBarItem,
    }
}
</script>